.doc{
  height: 100%;
  width: 100%;
  .doc-container{
    height: 100%;
    width: 100%;
    .clear{
      clear: both;
    }
    .menu-container {
      overflow: auto;
      width: 240px;
      height: 100%;
      float: left;
      padding-bottom: 50px;
      .draggable-tree .ant-tree-node-content-wrapper {
        width: calc(100% - 30px);
        height: 28px;
        line-height: 28px;
        border: none;
        margin-top: 0;
      }
      .menu-title {
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
      }
    }
    .info-container {
      height: 100%;
      width: calc(100% - 240px);
      float: right;
      .info-container-content{
        height: 100%;
        max-width: 920px;
        margin: 0 auto;
        .doc-content-left {
          width: 100px;
          height: 100%;
          float: left;
          .doc-content-left-icon {
            margin: auto auto;
            font-size: 30px;
            color: #ccc;
            position: fixed;
            top: 50%;
            text-align: center;
            .doc-content-left-real-icon{
              margin-left: 20px;
            }
            &:hover {
              color: $default-color-hover;
            }
          }
        }
        .doc-content-right {
          width: 100px;
          height: 100%;
          float: right;
          .doc-content-right-icon {
            margin: auto auto;
            font-size: 30px;
            position: fixed;
            top: 50%;
            text-align: center;
            color: #ccc;
            .doc-content-right-real-icon{
              margin-left: 35px;
            }
            &:hover {
              color: $default-color-hover;
            }
          }
        }
        .real-content {
          height: 100%;
          margin-left: 100px;
          float: left;
          max-width: 720px;
          .content-wrap {
            text-align: left;
            width: 100%;
            max-width: 720px;
            padding-bottom: 50px;
            .content-inner {
              height: 100%;
              .doc-title {
                font-size: 24px;
                font-weight: 600;
                color: $font-title;
                margin: 5px 0 48px;
              }
            }
          }
        }
        img {
          max-width: 100%;
        }
        .clear {
          clear: both;
        }
      }
    }
  }
  .no-doc {
    text-align: center;
    margin-top: 100px;
    img {
      width: 200px;
      margin-bottom: 20px;
    }
  }
  .refresh-button {
    margin-left: 20px;
  }
}
